import React, {Component} from 'react';

class Son extends Component {
    render() {

        console.log(this.props);

        /*子父通信有如下几步
        * 1. 需要父组件里面事先定义好一个回调函数
        * 2. 通过属性将该回调函数传递给子组件
        * 3. 子组件通过事件触发调用父组件传递的回调函数属性
        * 4. 父组件的回调函数执行，得到子组件传递的数据信息
        * */
        return (
            <div>
                <h3>子组件-{this.props.money}</h3>
                {/*3. 子父通信的第三步：子组件通过事件触发调用父组件传递的回调函数属性*/}
                <button onClick={() => {
                    this.props.cb({message: '给的钱还不够', number: 2000});
                    this.props.cb1({message1: '给的钱还不够', number1: 2000});
                }}>子父通信-回调函数</button>
            </div>
        );
    }
}

export default Son;
